*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
}
/*过关啦页面*/
#pageEnd_success,#pageEnd_fail,.bg_pageEnd1,.bg_pageEnd2,#bg_share,#pageShare,
#pageRank,.bg_rank,#random_prize,.bg_pageEnd3,#random_prize_suc,.randomPrizeSuc,
#your_friend_invitation,.youBeinvited,#thankyou,.thankyou,#no_friends_levelUpYou,
.noFriendsInviteYou,#levelUp_success,.youCanRandomPrize,#you_are_out,.youAreOut,
#register_prize_message,.registerMessage{
    width: 100%;
    height: 100%;
}
#pageEnd_success,#pageShare,#bg_share,#pageRank,#pageEnd_fail,#random_prize,.randomPrizeSuc,
#your_friend_invitation,#thankyou,#no_friends_levelUpYou,#levelUp_success,#you_are_out,
#register_prize_message{
    position: absolute;
    top: 0;
    left: 0;
}
#pageEnd_success{
    display: none;
}
.invitation_2,.rankList,.againGo{
    width: 85%;
    position: absolute;
}
.invitation_2,.againGo{
    top: 63%;
    left: 7%;
}
.rankList{
    top: 71%;
    left: 7%;
}
#word_success,#word_fail{
    width: 80%;
    position: absolute;
    left: 10%;
    list-style: none;
}
#word_success{
    top: 34%;
}
#word_success li,#word_fail li{
    margin-top: 5%;
    font-size: 1.2em;
    color: white;
    text-align: center;
}
#word_success li span,#word_fail li span{
    color: #EDEA4A;
}
/*点击分享邀请导师页面*/
#bg_share{
    list-style: none;
    background-color: #000;
    opacity: 0.8;
}
.invitation_3{
    width: 75%;
    position: absolute;
    top: 2%;
    left: 14%;
}
/*排行榜页面*/
#pageShare,#pageRank,#pageEnd_fail,#random_prize,#random_prize_suc,#your_friend_invitation,
#thankyou,#no_friends_levelUpYou,#levelUp_success,#you_are_out,#register_prize_message{
    display: none;
}
#rank_list{
    list-style: none;
    position: absolute;
    top: 33%;
    left: 10%;
    width: 80%;
}
#rank_list li{
    color: white;
    font-size: 1.2em;
    margin: 7% auto;
    border-bottom: solid 2px white;
    margin-top:5%;
}
#rank_list li span:nth-child(1){
    margin-left:12%;
}
#rank_list li span:nth-child(2){
    margin-left:22%;
}
#rank_list li span:nth-child(3){
    margin-left:28%;
}
/*闯关失败*/
#word_fail{
    top: 32%;
}
/*抽奖*/
.bg_pageEnd3{
    width: 100%;
    height: 100%;
}
.turnDish,.turnDish_1{
    width: 80%;
    position: absolute;
    top: 20%;
    left: 10%;
}
/*.turnDish_1{*/
    /*animation:turnDish_1 1s linear  infinite;*/
    /*-webkit-animation:turnDish_1 1s linear  infinite;*/
/*}*/
@-webkit-keyframes turnDish_1 {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
.finger{
    width: 8%;
    position: absolute;
    top: 45%;
    left: 52%;
}
.carNormalState{
    width: 15%;
    position: absolute;
    top: 47%;
    left: 13%;
}
.againGo_1{
    display: none;
    width: 80%;
    position: absolute;
    top: 70%;
    left: 10%;
}
/*抽奖成功*/
.prizeBook_wrap{
    width: 50%;
    position: absolute;
    top: 37%;
    left: 25%;
}
.prizeBook{
    width: 100%;
    height: 21%;
}
.writePersonMessage{
    width: 80%;
    position: absolute;
    top: 60%;
    left: 10%;
}
/*你的好友邀请你做他的导师*/
.levelUp{
    width: 80%;
    position: absolute;
    top: 55%;
    left: 10%;
}
.youTooShit{
    width: 80%;
    position: absolute;
    top: 62%;
    left: 10%;
}
#your_friend_invitation_ul1,#your_friend_invitation_ul2{
    width: 80%;
    text-align: center;
    list-style: none;
    color: white;
    position: absolute;
}
#your_friend_invitation_ul1>li,#your_friend_invitation_ul2>li{
    margin-top: 3%;
}
#your_friend_invitation_ul1{
    top: 10%;
    left: 10%;
}
#your_friend_invitation_ul2{
    top: 37%;
    left: 10%;
}
#your_friend_invitation_ul1>li:nth-child(1){
    font-size: 1.2em;
}
#your_friend_invitation_ul1>li:nth-child(2){
    font-size: 2em;
}
/*拜谢你*/
.challengeGo2{
    width: 80%;
    position: absolute;
    top: 67%;
    left: 10%;
}
#thankyou_word{
    width: 80%;
    color: white;
    list-style: none;
    position: absolute;
    top: 31%;
    left: 24%;
}
#thankyou_word li{
    font-size: 2.2em;
}
/*没有好友选择让你晋级*/

.againGo_2{
    width: 80%;
    position: absolute;
    top: 60%;
    left: 10%;
}
.inviteOtherFriends{
    width: 80%;
    position: absolute;
    top: 68%;
    left: 10%;
}
#noTeacherChooseYou{
    width: 80%;
    color: white;
    font-size: 1.2em;
    list-style: none;
    position: absolute;
    top: 24%;
    left: 16%;
}

/*成功晋级,可以抽奖*/
.rightNowGo{
    width: 80%;
    position: absolute;
    top: 70%;
    left: 10%;
}

/*领奖信息登录*/
.fillDone{
    width: 80%;
    position: absolute;
    top: 65%;
    left: 10%;
}
#register_prize_message_list{
    width: 100%;
    height: 30%;
    list-style: none;
    position: absolute;
    top: 31%;
    left: 28%;
}
#register_prize_message_list li{
    width: 100%;
    height: 100%;
}
#username,#tel,#address{
    width: 52%;
    height: 14%;
    margin-top: 2%;
}
#province,#city{
    width: 26%;
    height: 14%;
    background-color: #fff;
    position: absolute;
    top: 53%;
}
#province{
    left: 0.2%;
}
#city{
    left: 27%;
}
#address{
    position: absolute;
    top: 71%;
    left: 0.2%;
}
/*最后几页*/
.messageSubmitSuc,.gotPrizeFail,.congratulations{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}